// 从import...from...语句导入，从vue框架导入createApp组件
import { createApp } from 'vue'

// import './style.css'

// 从import...from...语句导入，从element-plus框架导入ElementPlus组件
import ElementPlus from 'element-plus'

// 导入element-plus的Css样式，不需要from语句
import 'element-plus/dist/index.css'

//从element-plus/dist/locale/zh-cn.mjs导入zhCn中文组件
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

let app = createApp(App)

// 从router.js中导入router组件
import router from './router/router.js'

// 导入图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

//在创建的vue应用中使用ElementPlus组件
app.use(ElementPlus, {locale: zhCn});

// 从./App.vue页面导入App组件
import App from './App.vue'

// 利用上面所导入的createApp()函数，创建一个vue应用，mount是挂载到#app地方
app.use(ElementPlus).use(router).mount('#app')
